<!DOCTYPE html>
<html>
<head>
  <style>
    /* 样式定义 */
    #character {
      position: absolute;
    }
  </style>
</head>
<body>

<!-- 小人元素 -->
<div id="character">
  <img src="./img/2.jpg" alt="Character" width="100" height="100">
</div>

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

<script type="text/javascript">
  "model": {
    "jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",//这是插件模型，可以任意选择想要添加的2d动画
    "scale": 1
  },
  L2Dwidget.init({
    "display": {
      "superSample": 2,
      "width": 200,//宽度
      "height": 400,//高度
      "position": "right",//位置，right,left
      "hOffset": 0,
      "vOffset": 0
    }
  });
</script>

</body>
</html>
